<template>
  <div class="login">
    <login @func="getData"  v-show="l_visible"></login>
    <Register @func="getData" v-show="!l_visible"></Register>
  </div>
</template>

<script>

import Register from './Register'
import Login from './Login'

export default {
  name: 'loginAndRegister',
  components: {
    Register,
    Login
  },
  data () {
    return {
      l_visible: true
    }
  },
  methods: {
    getData (data) {
      this.l_visible = data

    }
  }
}

</script>

<style scoped>
 .login {
    background: url(../images/banner.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
  }
</style>
